<template>
    <div class="homeSwiper">
        <van-search v-model="searchValue" placeholder="请输入搜索关键词" />
        <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
            <van-swipe-item v-for="item in bannerData" :key="item.id"><img :src="item.picUrl" alt=""></van-swipe-item>
        </van-swipe>
    </div>
</template>
<script>
import axios from 'axios'
export default{
    data(){
        return{
            searchValue:'',
            bannerData: []
        };
    },
    created(){
        this.getBanner()
    },
    methods:{
        getBanner(){
            axios.get("/api/recommend/banner","")
            .then(res => {
                console.log(res.data.data)
                this.bannerData = res.data.data
            })
            .catch(err => {
                console.error(err); 
            })
        }
    },
    mounted(){
        this.getBanner();
    }
}
</script>
<style scoped>
.my-swipe .van-swipe-item img{
    width: 90%;
    border-radius: 20px;
  }
</style>